<template>
	<view>
		<myshop :nonotice="arr"></myshop>
		<view  class="list">
			<view><view>物业名</view><view><input type="text" value="" placeholder="物业名" /></view></view>
			<view><view>地址</view><view><input type="text" value="" placeholder="_1_幢_2_单元_3_室" /></view></view>
			<view><view>客户名</view><view><input type="text" value="" placeholder="客户名" /></view></view>
			<view><view>订单日</view><view @click="show = true ">
			<u-select v-model="show" mode="single-column" :list="list" @confirm="confirm"></u-select>
			<view>{{txt}}</view>
			</view></view>
			<view><view>首付日/全款日:</view><view>
			首付300000元
			</view></view>
			<view>
				<view></view>
				<view>
			全款3000000元
			</view></view>
			<view><view>现状</view>
			<view>
			<u-radio-group v-model="value" @change="radioGroupChange">
						<u-radio 
							@change="radioChange" 
							v-for="(item, index) in list1" :key="index" 
							:name="item.name"
							:disabled="item.disabled"
						>
							{{item.name}}
						</u-radio>
					</u-radio-group>
			</view></view>
			<view><view>备注</view><view></view><input type="text" value="" placeholder="备注" /></view>
			<view><view>问题原因</view><view></view><input type="text" value="" placeholder="因为xxxxx" /></view>
			<view><view>直推奖金:{{}}10</view><view>发放 
				<u-radio-group style="margin-left: 20rpx; ":checked="false" >
							<u-radio
							:checked="false"
							>
							</u-radio>
						</u-radio-group>
			 日期：2020年1月1日 </view></view>
			<view><view>季度产分红</view><view>发放<u-radio-group style="margin-left: 20rpx; ":checked="false" >
							<u-radio
							:checked="false"
							>
							</u-radio>
						</u-radio-group> 日期：2020年1月1日 </view></view>
			<view><view>管理奖A奖金</view><view>发放<u-radio-group style="margin-left: 20rpx; ":checked="false" >
							<u-radio
							:checked="false"
							>
							</u-radio>
						</u-radio-group> 日期：2020年1月1日 </view></view>
			<view><view>管理奖B奖金</view><view>发放<u-radio-group style="margin-left: 20rpx; ":checked="false" >
							<u-radio
							:checked="false"
							>
							</u-radio>
						</u-radio-group> 日期：2020年1月1日 </view></view>
			<view><view>绩效分红C奖金</view><view>发放<u-radio-group style="margin-left: 20rpx; ":checked="false" >
							<u-radio
							:checked="false"
							>
							</u-radio>
						</u-radio-group> 日期：2020年1月1日 </view></view>
			<view><view>年终奖</view><view>发放<u-radio-group style="margin-left: 20rpx; ":checked="false" >
							<u-radio
							:checked="false"
							>
							</u-radio>
						</u-radio-group> 日期：2020年1月1日 </view></view>
		</view>
	</view>
	</view>
</template>

<script>
	import myshop from '../../components/myshop/myshop.vue'
	export default{
		
		data(){
			return{
				arr:['一手房','二手房','租房','政策房'],
				show: false,
				list: [
					{
						value: '1',
						label: '08-10时'
					},
					{
						value: '2',
						label: '10-12时'
					},
					{
						value: '3',
						label: '13-15时'
					},
					{
						value: '4',
						label: '15-18时'
					},
				],
				txt:'8-10时',
				list1: [
				{
					name: '通过',
					disabled: false
				},
				{
					name: '未通过',
					disabled: false
				}
			],
			// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
			value: 'orange',
			}
		},
		onShow(){
			uni.getStorage({
				key:'storage_key',
				success:function(data){
					console.log(data)
				}
			})
		},
		methods:{
			confirm(e) {
				this.txt = e[0].label
				console.log(this.txt)
			},
			radioChange(e) {
						// console.log(e);
					},
					// 选中任一radio时，由radio-group触发
					radioGroupChange(e) {
						console.log(e);
					}
		}
	}
</script>

<style>
	.list{
		margin-top: 30rpx;
	}
	.list>view{
		width: 90%;
		margin: 0 auto;
		display: flex;
		height: 100rpx;
	}
	.list>view>view:nth-child(1){
		width: 200rpx;
	}
</style>
